import React from 'react';
import './css/course.less';
import Footer from './footer';
import {TeacherImg}from '../../utils/basic';


class Course extends React.Component{
    render(){
        return (
           
        <div className="teacherindex banner-margin"> 
          <div  className="teacherindex-show teacherss  banner-margin col-xs-12 " style={{backgroundImage: `url(${TeacherImg+"teacher-baner.png"})`,backgroundSize:"100% 100%"}}>
            <div className="teacherindex-in  col-md-11 col-xs-12">
              <div className="teacherindex-left col-md-6 col-xs-12"> 
                <div  className="teacherindex-font">
                  英语纯正的北美外教团队
                  
                </div>
                <div  className="teacherindex-intro" style={{paddingRight:0}}>
                  100% 美国、加拿大、优选外教<br/>
                  拥有TESOL、TEFL证书，北美小学在职教师<br/>
                  高学历、热爱教育、熟悉中国孩子
                </div>
              </div>
              <div className="teachers-img col-md-5 col-xs-12"> 
                  <img src={TeacherImg+'pic-team@2x (1).png'} alt="shoffutu" /> 
              </div>
            </div>
          </div> 
          {/* 特色模块 */}
          <div  className="features  col-xs-12">
              <div className="features-in  col-md-11 col-xs-12">
              <div className="col-md-4 col-xs-12"> 
              <img className="features-head" src={TeacherImg+'icon_sz-mjwj@2x.png'} alt="shoffutu" />
                  <div  className="features-font teacherindex-font">
                    100%美国/加拿大
                     优秀外教
                  </div>
                  <div  className="features-intro teacherindex-intro">
                  来自北美，发音纯正，学历<br/>
                  背景优质
                  </div>
              </div>
              <div className="col-md-4 col-xs-12"> 
                <img className="features-head" src={TeacherImg+'icon_sz-qhl@2x.png'} alt="shoffutu" />
                  <div  className="features-font teacherindex-font">
                    严格筛选教师资质<br/>
                    面试+访谈
                  </div>
                  <div  className="features-intro  teacherindex-intro">
                    层层选拔考核，阶段性培训，筛选<br/>
                    懂教育的优质教师
                  </div>
              </div>
              <div className="col-md-4 col-xs-12"> 
              <img className="features-head" src={TeacherImg+'icon_sz-zzyx@2x.png'} alt="shoffutu" />
                  <div  className="features-font teacherindex-font">
                    选用最具亲和力的<br/>
                    教师授课
                  </div>
                  <div  className="features-intro  teacherindex-intro">
                  有爱心，耐心，细心，了解孩子的<br/>
                  心理和您的期待
                  </div>
              </div>
              </div>
          </div> 
          {/* 我们的外教 */}
          <div  className="ourteacher  col-xs-12">
            <div className="ourteacher-title"> 我们的外教</div>
            <div  className="teacherss ourteacherform  col-xs-12">
              <div className="teacherss-in  col-md-12 col-xs-12">
                <div className="ourteacher-left "> 
                  <img src={TeacherImg+'pic-teacher1@2x.png'} alt="shoffutu" /> 
                </div>
                <div className="ourteacher-right "> 
                    <div  className="ourteacher-head"> 
                      <b>Elaine Greer</b>
                      <span>30岁  7年教学经验</span>
                    </div>
                    <div  className="ourteacher-font">
                       <b>美国 · 德州  </b> 
                       <img src={require('../../images/teacher-img/icon-school@2x.png')} alt="shoffutu" /> 
                       <span>Texas State University</span>
                    </div>
                    <div  className="ourteacher-intro">
                    作为一名ESL英语教师，几年间，我的学生们来自美国当地的学校、
                    校外、以及在线教育。我拥有哲学和社会学双学位，
                    并持有德州教师资格证书。我热爱英语教学，
                    喜欢和孩子们在一起的感觉，享受在我的英文课堂中充满音乐，
                    乐趣和互动的体验！
                    </div>
                </div>
                <div className="backgroundcolor"></div>
              </div>
            </div> 
          </div>

          {/* 我们的外教 */}
          <div  className="ourteacher  col-xs-12">
            <div  className="teacherss ourteacherform  col-xs-12">
              <div className="teacherss-in  col-md-12 col-xs-12">
                <div className=" ourteacher-left "> 
                  <img src={TeacherImg+'pic-teacher2@2x.png'} alt="shoffutu" /> 
                </div>
                <div className="ourteacher-right"> 
                    <div  className="ourteacher-head" > 
                      <b>Ana Dobricic</b>
                      <span className="twoteacher">26岁   4年教学经验</span>
                    </div>
                    <div  className="ourteacher-font">
                       <b>美国 · 宾夕法尼亚州  </b> 
                       <img src={require('../../images/teacher-img/icon-school@2x.png')} alt="shoffutu" /> 
                       <span>Indiana University Of Pennsylvania</span>
                    </div>
                    <div  className="ourteacher-intro midoueter">
                        耐心且富有创造力，孩子们也非常喜欢我的课，
                        这也是我想成为一个优秀老师的动力之一。
                        除了工作外，我还喜欢电影，体育，跳舞和了解
                        其他国家的文化。很期待在我的课堂里见到可爱
                        的孩子们并跟他们分享学习的乐趣。 
                    </div>
                </div>
                <div className="backgroundcolor2"></div>
              </div>
            </div> 
          </div>

            {/* 我们的外教 */}
            <div  className="ourteacher  col-xs-12">
            <div  className="teacherss ourteacherform  col-xs-12">
              <div className="teacherss-in  col-md-12 col-xs-12">
                <div className=" ourteacher-left "> 
                  <img src={TeacherImg+'pic-teacher3@2x.png'} alt="shoffutu" /> 
                </div>
                <div className="ourteacher-right "> 
                    <div  className="ourteacher-head" > 
                      <b>John Cobin</b>
                      <span>53岁  30年教学经验</span>
                    </div>
                    <div  className="ourteacher-font">
                       <b>美国 · 加利福尼亚州  </b> 
                       <img src={require('../../images/teacher-img/icon-school@2x.png')} alt="shoffutu" /> 
                       <span>University of California at Santa Barbara</span>
                    </div>
                    <div  className="ourteacher-intro">
                    已经做了30年ESL教师，并有在大学任教20年的经历。
                    我有7个孩子，造访过超过70个国家，教授过超过3000节在线课程。
                    我非常享受这个过程，通过科技手段将知识和英语技巧传递给成百
                    上千的中国孩子，期待在我的课堂里可以看到孩子们快乐的笑脸。
                    </div>
                </div>
                <div className="backgroundcolor"></div>
              </div>
            </div> 
          </div>
          
          
          {/* 老师和孩子们 */}
          
          <Footer/>
      

      </div> 
        );
    };
}
export default Course;